<script lang="ts" setup name="Base_Info">
import useUserStore from '@/store/user';

const userStore = useUserStore();
const {userInfo} = storeToRefs(userStore);
</script>

<template>
  <div>
    <el-card>
      <el-descriptions title="Width horizontal list" border>
        <el-descriptions-item :rowspan="2" :width="140" label="Photo" align="center">
          <AvatarUpload :src="userInfo.avatar" />
        </el-descriptions-item>
        <el-descriptions-item label="Username" :rowspan="1">{{ userInfo.username }}</el-descriptions-item>
        <el-descriptions-item label="Telephone">{{userInfo.phone}}</el-descriptions-item>
        <el-descriptions-item label="Place">{{userInfo.address}}</el-descriptions-item>
        <el-descriptions-item label="Remarks">
          <el-tag size="small">School</el-tag>
        </el-descriptions-item>
        <el-descriptions-item label="Address">
          No.1188, Wuzhong Avenue, Wuzhong District, Suzhou, Jiangsu Province
        </el-descriptions-item>
      </el-descriptions>
    </el-card>
  </div>
</template>

<style scoped lang="scss"></style>